<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>无痕知识库</title>
    <link rel="stylesheet" href="./static/css/bootstrap-icons.css">
    <link rel="stylesheet" href="./static/css/bootstrap.css">
    <!-- Editor's Dependecy Style -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/codemirror.min.css" />
    <!-- Editor's Style -->
    <link rel="stylesheet" href="https://uicdn.toast.com/editor/latest/toastui-editor.min.css" />

    <link rel="stylesheet" href="./static/css/Common.css">


</head>

<body>
    <div class="container-fluid px-0 ">
        <nav class="navbar navbar-expand bg-light navbar-light justify-content-between shadow py-2 px-4 z-index-4">
            <!-- Links -->
            <button class="nav-button" id="nav-button"><i class="bi bi-justify"></i></button>
            <span class="avatar" href="#"><img src="./static/imge/Icon4.jpeg" alt="AUserAccountPictures"></span>
            <ul class="navbar-nav user-my mr-3">
                <li class="nav-item dropdown">
                    <a href="#" class="nav-link dropdown-toggle" id="UserManager" data-toggle="dropdown"
                        aria-expanded="false"><span class="avatar" href="#"><img src="./static/imge/Icon4.jpeg"
                                alt="AUserAccountPictures"></span>&emsp;CoutCin</a>
                    <div class="dropdown-menu" aria-labelledby="UserManager">
                        <a href="index.html" class="dropdown-item">首页</a>
                        <a href="articleManager.html" class="dropdown-item">文章管理</a>
                        <a href="article.html" class="dropdown-item">新建文章</a>
                        <div class="dropdown-divider"></div>
                        <a href="" class="dropdown-item">退出登录</a>
                    </div>
                </li>
            </ul>
        </nav>
        <!-- main -->
        <div class="d-flex align-items-stretch">
            <div class="sidenav py-3" id="sidenav">
                <div class="sidenav-list-group">
                    <a href="manager.html" class="sidenav-list-item"><i class="bi bi-house m-2"></i><span>个人主页</span></a>
                    <a href="articleManager.html" class="sidenav-list-item"><i class="bi bi-book m-2"></i><span>文章管理</span></a>
                    <a href="categoriesManager.html" class="sidenav-list-item"><i class="bi bi-tags m-2"></i><span>分类管理</span></a>
                    <a href="article.html" class="sidenav-list-item  active"><i
                            class="bi bi-file-plus m-2"></i><span>新增文章</span></a>
                    <a href="person.html" class="sidenav-list-item"><i class="bi bi-person  m-2"></i><span>个人设置</span></a>
                </div>
            </div>
            <div class="page-manager min-vh-100">
                <div class="container-fluid px-5">
                    <H1 class="page-heading">新增文章</H1>
                    <div class="row mt-4">
                        <div class="col-lg-9">
                            <div class="card-my">
                                <div class="card-body">
                                    <label for="tilte">Title</label>
                                    <input type="text" id="postTitle" class="mb-4 form-control">
                                    <div id="editor"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div class="card-my">
                                <div class="card-body">
                                    <div class="card-header bg-fff mb-4">
                                        <h5>提交</h5>
                                    </div>
                                    <div class="option-article mb-4">
                                        <div class="d-flex mb-4 justify-content-between">
                                            <button type="button" class="btn btn-sm">Save Draft</button>
                                        </div>
                                        <div class="option-article-main">
                                            <label for="status">Status:</label>&emsp;
                                            <select class="form-control" name="status" id="status">
                                                <option value="draft">草稿</option>
                                                <option value="now-publish">发布</option>
                                            </select>
                                            <label for="" class="mt-4">Time</label>
                                            <input class="form-control" type="date" name="time" id="time"
                                                value="2020-01-01">
                                        </div>

                                    </div>
                                    <div class="article-sbumit">
                                        <button type="button" class="btn btn-theme btn-sm">提交</button>
                                    </div>
                                </div>
                            </div>
                            <div class="card-my">
                                <div class="card-body">
                                    <div class="card-header bg-fff mb-4">
                                        <h5>分类/Tag</h5>
                                    </div>
                                    <div class="option-article mb-4">
                                        <select class="form-control" name="status" id="status">
                                            <option value="draft">草稿</option>
                                            <option value="now-publish">发布</option>
                                        </select>
                                        
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>

    </div>
    <!-- 弹框 -->


    <script src="./static/js/jquery-3.6.0.js"></script>
    <script src="./static/js/popper.js"></script>
    <script src="./static/js/bootstrap.js"></script>
    <script src="./static/js/echarts.js"></script>
    <!-- Scripts -->
    <script src="https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js"></script>
    <script src="./static/js/common.js"></script>
    <script src="./static/js/article.js"></script>


</body>

</html>